iT邦幫忙

2024 iThome 鐵人賽

DAY 6
0
自我挑戰組

利用 node.js/express 架設網站系列 第 6

Day-06 處理靜態文件和連接資料庫

  • 分享至 

  • xImage
  •  

今天主要會學到兩個部分:
1.express如何處理靜態文件
2.express連接至資料庫

處理靜態文件:

使用內建的 express.static() 中介軟體來提供這些文件。

  • 創建靜態文件:
    1.建立靜態文件資料夾:
    建立一個public資料夾,用於存放靜態文件
    2.使用express.static():

    const express = require('express');
    const app = express();
    
    // 設置靜態文件目錄
    app.use(express.static('public'));
    
    app.listen(3000, () => {
        console.log('Server is running on http://localhost:3000');
    });
    

    把靜態文件放在public資料夾,這樣express就會自動提供public資料夾中的靜態文件

    3.使用子路徑(可選):
    你可以為靜態文件設置子路徑,例如 /static:

    app.use('/static', express.static('public'));
    

    這樣當用戶訪問/static時,express就會提供public資料夾內的文件。

連接和操作資料庫

使用 Express 應用程式連接資料庫是建立動態應用程式的重要部分。你將學習如何與簡單的資料庫(例如 SQLite 或 MongoDB)進行交互,本次會使用SQLite進行操作。

1.安裝sqlite3:

npm install sqlite3

2.連接SQLite資料庫:

const sqlite3 = require('sqlite3').verbose();
const db = new sqlite3.Database(':memory:'); // 使用內存中的資料庫

// 創建表格
db.serialize(() => {
    db.run("CREATE TABLE user (id INT, name TEXT)");
});

// 插入數據
db.serialize(() => {
    const stmt = db.prepare("INSERT INTO user VALUES (?, ?)");
    stmt.run(1, 'John Doe');
    stmt.finalize();
});

// 查詢數據
db.serialize(() => {
    db.each("SELECT id, name FROM user", (err, row) => {
        console.log(`User ID: ${row.id}, Name: ${row.name}`);
    });
});

db.close();

這段程式碼會創建一個內存中的 SQLite 資料庫,創建一個 user 表,插入一條數據,然後查詢並輸出出來。


上一篇
Day-05 express練習(下)
下一篇
Day-07 express API開發(上)
系列文
利用 node.js/express 架設網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言